@import "../../../less/common.less";

page {
    background-color: #f8f8f8;
}
// 搜索框
.search {
    width: 675rpx;
    height: 70rpx;
    background-color: #fff;
    border-radius: 36rpx;
    margin: auto;
    margin-top: 20rpx;
    display: flex;
    align-items: center;    //垂直居中

    image {
        width: 40rpx;
        height: 40rpx;
        margin-left: 40rpx;
        margin-right: 30rpx;
    }
}

// 导航栏
#nav {
    margin: 30rpx 0rpx 40rpx 40rpx;

    ul {
        display: flex;

        li {
            display: block;
            width: 70rpx;
            height: 40rpx;
            margin-right: 60rpx;
            text-align: center;
            line-height: 40rpx;
            padding-bottom: 10rpx;
        }    

        // 默认状态下的样式
        .normal {
            font-size: 28rpx;
        }

        // 点击后的样式
        .isChecked {
            font-size: 32rpx;
            font-family: "粗体";
            border-bottom: 6rpx solid @mainColor;
        }
    }
}

// 职位列表
#jobs {
    margin: auto;
    
    li {
        display: block;
        width: 675rpx;
        height: 288rpx;
        background-color: #fff;
        border-radius: 16rpx;
        margin-bottom: 20rpx;

        view {
            margin: 0 38rpx;
            margin-bottom: 20rpx;
            font-size: 24rpx;
            color:#747474;
            // background-color: pink;
            
            &:nth-child(1) {
                padding-top: 46rpx;
                display: flex;
                justify-content: space-between;

                text:first-child {
                    font-size: 36rpx;
                    font-family: @tcFont;
                    color: black;
                }

                text:last-child {
                    font-size: 28rpx;
                    color:@mainColor;
                }
            }

            // 标签样式
            &:nth-child(3) {
                // 分割线
                padding-bottom: 20rpx;
                border-bottom: 2rpx solid #f8f8f8;
                margin-bottom: 0;

                text {
                    border-radius: 10rpx;
                    background-color: #f3f3f3;
                    margin-right: 18rpx;
                    padding: 5rpx;
                }
            }

            // 招聘人信息样式
            &:last-child {
                width: 160rpx;
                height: 50rpx;
                font-size: 28rpx;
                padding-top: 10rpx;
                display: flex;
                align-items: center;

                image {
                    width: 50rpx;
                    height: 50rpx;
                    border-radius: 50%;
                    overflow: hidden;
                    box-shadow: 3rpx 3rpx 3rpx rgba(0,0,0,.2);
                }
                text {
                    margin-left: 20rpx;
                }
            }
        }
    }
    
}

// 提示
.noMore{
    color:#acacac;
    font-size: 24rpx;
    text-align: center;
}